<!DOCTYPE html>
<html>
{include file="public/header" /}

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-form-item">
					{include file="public/sorchuser" /} {include file="public/qudao" /}
					<div class="layui-inline">
						<button class="layui-btn layuiadmin-btn-useradmin" lay-submit
							lay-filter="LAY-user-front-search">
							<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
						</button>
					</div>
				</div>
			</div>
			<div class="layui-card-body">
				<table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>
				<script type="text/html" id="imgTpl">
						<img style="display: inline-block; width: 50%; height: 100%;" src={ { d.avatar }}>
					</script>
				<script type="text/html" id="table-useradmin-webuser">
						<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon "></i>编辑</a>
						<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail"><i class="layui-icon "></i>详情</a>
					</script>
			</div>
		</div>
	</div>

	{include file="public/footer" /}
	<script>
		layui.use(['index', 'table'], function () {
			var $ = layui.$,
				form = layui.form,
				table = layui.table;
			table.render({
				elem: '#LAY-user-manage',
				url: "{:url('admin/user/get_list')}?songsong=3",
				toolbar: '#test-table-toolbar-toolbarDemo',
				title: '用户数据表',
				height: 'full-300',//最大高度
				cols: [
					[{
						type: 'checkbox',
						fixed: 'left'
					}, {
						type: 'numbers',
						title: '排序',
						width: 40,
						fixed: 'left',
						unresize: true,
					}, {
						field: 'ID',
						title: 'ID',
						width: 70,
						fixed: 'left',
					}, {
						field: 'TrueName',
						title: '姓名',
						width: 80,
						fixed: 'left',
						edit: 'text',
					}, {
						field: 'Mobile',
						title: '手机号码',
						width: 120,
						edit: 'text',
					}, {
						field: 'IDCard',
						title: '身份证',
						width: 180,
						edit: 'text',
					}, {
						field: 'LimitBalcance',
						title: '授信额度',
						width: 90,
						edit: 'text',
					}, {
						field: 'renzheng',
						title: '认证参数',
						width: 100,
						edit: 'text',
					}, {
						field: 'RegTime',
						title: '注册时间',
						width: 160,
						edit: 'text',
					}, {
						field: 'LoginTime',
						title: '登录时间',
						width: 160,
						edit: 'text',
					}, {
						field: 'Sex',
						title: '性别',
						width: 60,
						edit: 'text',
					}, {
						field: 'Retype',
						title: '客户端',
						width: 80
					}, {
						field: 'Status',
						title: '会员状态',
						width: 90,
					}, {
						field: 'TgadminID',
						title: '渠道',
						edit: 'text',
						width: 90,
					}, {
						field: 'LoginIP',
						title: '登录IP',
						width: 130
					}, {
						field: 'LoginCity',
						title: '登录城市',
						width: 100
					}, {
						fixed: 'right',
						title: '操作',
						toolbar: '#table-useradmin-webuser',
						width: 120
					}
					]],
				page: true
			});

			//监听工具条
			table.on('tool(LAY-user-manage)', function (obj) {
				var data = obj.data;
				if (obj.event === 'detail') {
					layer.open({
						type: 2,
						title: '用户详情',
						content: 'detail.html?ID=' + data.ID,
						area: ['80%', '70%'],
						btn: ['确定',],
					});
				} else if (obj.event === 'edit') {
					layer.open({
						type: 2,
						title: '编辑用户',
						content: 'editss.html?ID=' + data.ID,
						area: ['40%', '60%'],
						btn: ['确定', '取消'],
						yes: function (index, layero) {
							var iframeWindow = window['layui-layer-iframe' + index],
								submitID = 'LAY-user-back-submit',
								submit = layero.find('iframe').contents().find('#' + submitID);
							//监听提交
							iframeWindow.layui.form.on('submit(' + submitID + ')', function (data) {
								var field = data.field; //获取提交的字段
								//								
								//提交 Ajax 成功后，静态更新表格中的数据
								$.ajax({
									'type': 'post',
									'url': "{:url('admin/user/edit')}",
									'data': field,
									dataType: 'json',
									success: function (res) {
										if (res.code == '0') {
											layer.msg(res.msg, {
												icon: 1
											});
										} else {
											layer.msg(res.msg, {
												icon: 5
											});
										}
										table.reload('LAY-user-manage');
										layer.close(index); //关闭弹层
									}
								});

							});

							submit.trigger('click');
						}
					});
				}
			});
			//监听搜索
			form.on('submit(LAY-user-front-search)', function (data) {
				var field = data.field;
				//执行重载
				table.reload('LAY-user-manage', {
					where: field
				});
			});
			$('.layui-btn.layuiadmin-btn-useradmin').on('click', function () {
				var type = $(this).data('type');
				active[type] ? active[type].call(this) : '';
			});
		});
	</script>
</body>

</html>